body{ position:relative;}
#container{ position:static;}
body .zhaoshangbg{ content:""; width:100%; min-width:1200px; height:1255px; position:absolute; left:0; background: url(/public/img/zsbg.jpg) top center no-repeat #1a1d33;}
#container{padding-top:0;}

header .sbox{ width:auto; padding:0; height:76px; float:right; font-size:13px; box-sizing:content-box;}
header.index .sbox .download{width:auto; display:inline-block; vertical-align:middle;float:none; margin-right:15px; height:60px; line-height:60px; padding:8px 0; box-sizing:content-box;}
header.index .sbox .download img{margin-right:4px;}
header .sbox .wyjiameng{display:inline-block; vertical-align:middle; color:#fff; margin-right:15px; height:60px; line-height:60px; padding:8px 0; box-sizing:content-box;}
header .sbox .wyjiameng:hover{ color:#ff4d30;}

header .sbox .mobile{display:inline-block; vertical-align:middle; color:#fff; height:60px; line-height:60px; padding:8px 10px 8px 0; box-sizing:content-box; position:relative; margin-top:-1px;}
header .sbox .mobile .mobileqrcode{display:none; position:absolute; right:0; top:100%; width:188px; height:188px; max-width:none; box-shadow:0 5px 20px #e3e3e3; padding:10px; background:#fff; z-index:100;}
header .sbox .mobile:hover .mobileqrcode{display:block;}
header .sbox .mobile:before{content:""; display:inline-block; border-width:4px 4px 0 4px; border-style:solid; border-color:#fff  transparent transparent transparent; transition:all ease-in-out 200ms; position:absolute; top:50%; margin:-2px; right:0;}
header .sbox .mobile:hover:before{transform:rotate(180deg);}

.focusbox .focusimgs{ width:500px; height:312px; float:left; overflow:hidden;}
.focusbox .focuszhishi{ width:500px; height:312px; padding:0 20px; float:left}
.focusbox .focuszhishi .ttl{ padding:5px 0 10px 0; position:relative;}
.focusbox .focuszhishi .ttl .iconfont{ font-size:30px; color:#f60; display:inline-block; vertical-align:middle; margin-right:5px;}
.focusbox .focuszhishi .ttl .iconfont.icon-next{font-size:14px; margin:0 0 0 3px;}
.focusbox .focuszhishi .ttl span{ font-size:24px; font-weight:bold; display:inline-block; vertical-align:middle; line-height:30px; color:#666;}
.focusbox .focuszhishi .ttl .more{ position:absolute; right:0; top:5px; line-height:30px; color:#ff4d30;}
.focusbox .focuszhishi .ttl .more em{ display:inline-block; width:20px; height:20px; line-height:19px; border:1px solid #ff4d30; border-radius:50%; font-family:'宋体'; text-align:center; transform:scale(0.7); font-weight:bold;}
.focusbox .focuszhishi .ttl .more:hover{ color:#f30;}

.catlists{ margin:20px 0; padding:10px 0; background:#fff; box-shadow:0 2px 4px #ddd;}
.catlists li{width:10%;text-align: center;line-height: 2.5em;float: left;padding: 10px 0 5px 0;}
.catlists li .iconfont{ border-radius:50%; box-shadow:0 3px 3px #eee; width:60px; height:60px; line-height:60px; display:block; margin:0 auto;background:#ebedf2;font-size: 32px;background: linear-gradient(0deg, #cacfdd, #f4f7fd);}
.catlists:after{ content:""; clear:both; display:block;}

.bangdans{ border:1px solid #e3e3e3; margin-bottom:26px; background:linear-gradient(180deg,#fff 950px,#fff6f4 1000px,#fff6f4 1550px,#fff 1600px)}
.bangdans .bangdan{ width:100%; height:715px;}
.bangdans .menu .li{ line-height:60px; background:#ebedf2; border-left:1px solid #fff; min-width:160px;}
.bangdans .menu .li:first-child{border-left:none;}
.bangdans .menu .li.active{background:#fff; border-bottom-color:#fff; position:relative;}
.bangdans .menu .li.active:after{content:''; width:100%; height:2px; background:#ffc400; position:absolute; top:0; left:0;}
.bangdans .cont{padding:20px;}
.bangdans .cont .subbangdan{ width:360px; height:545px; float:left; margin:55px 13px 20px 13px; background:#fff; border-radius:10px; box-shadow:0 10px 20px #ffe3de; position:relative; padding:35px 20px 10px 20px;}
.bangdans .cont .subbangdan .subttl{ background:#ffc400; width:236px; line-height:50px; font-size:20px; font-weight:bold; text-align:center; position:absolute; left:62px; top:-25px; border-radius:25px;}
.bangdans .morebtn{ padding:20px 0 0 0;}

.catlist{ margin-bottom:20px;}
.catlist .box{ margin:0 -1%;}
.catlist a{ border:1px solid #e3e3e3; width:10.5%; float:left; line-height:2em; font-size:16px; border-radius:8px; margin:0 1%; padding:10px 0; text-align:center; transition:all ease-in-out 300ms; margin:10px 1%;}
.catlist.col9 a{ width:9.1111%;}
.catlist.col7 a{ width:12.285%;}
.catlist.col6 a{ width:14.6666%;}
.catlist a:hover{ background:#ff4d30; border:1px solid #ff4d30; color:#fff; box-shadow:0 0 20px #ff4d30; transform:translateY(-10px);}
.catlist a img{ display:block; margin:0 auto; border-radius:50%; background:#f6f6f6; margin-bottom:5px;}

.ptitle{ padding:40px 0 30px; position:relative; z-index:1;}
.ptitle .iconfont{ font-size:30px; color:#ff4d30; display:inline-block; vertical-align:middle; margin-right:5px;}
.ptitle .iconfont.icon-next{font-size:14px; margin:0 0 0 3px;}
.ptitle span.cn{ font-size:24px; font-weight:bold; display:inline-block; vertical-align:middle; line-height:30px; color:#666;}
.ptitle span.en{ font-size:18px; display:inline-block; vertical-align:middle; line-height:30px; color:#ccc; padding:0 10px; background:#f3f3f3;}
.ptitle .more{ position:absolute; right:0; top:40px; line-height:30px; color:#ff4d30;}
.ptitle .more:hover{ color:#ff4d30;}
.ptitle .more::before{content:""; width:800px; height:1px; background:#e3e3e3; position:absolute; right:130%; top:50%;}
.ptitle .more.s2::before{width:750px;}
.ptitle.white span.cn{color:#fff;}
.ptitle.white span.en{background:none; color:rgba(255, 255, 255, 0.2);}
.ptitle.white .more::before{background:rgba(255, 255, 255, 0.2);}

.jiamengbox{ margin-bottom:20px; position:relative; z-index:1;}
.jiamengbox .jiamengadd{ width:480px; height:432px; float:left; background:#fff;}
.jiamengbox .jiamenghot{ width:700px; height:432px; float:right; background:#fff; overflow:hidden;}

.zhaoshanglist{ position:relative; z-index:1;}
.zhaoshanglist .cont{ padding:20px 0 0 0; height:600px;}

.zhanhuilist{ width:100%;}
.mingrenpics{ width:100%; height:220px;}
.votelist{ width:100%; height:428px;}
.votelist{ display:block; padding:7px; background:#d62f35; position:relative;}
.votelist .menu{ position:absolute; width:750px; left:370px; top:-60px; z-index:1; height:32px; border:1px solid #e3e3e3; border-radius:30px;}
.votelist .menu .li{ min-width:90px; font-size:14px; line-height:30px; border-right:1px solid #e3e3e3;}
.votelist .menu .li.active{ background:#ff4d30; color:#fff;}

.newsdynamic .l{ float:left; width:870px; height:460px; overflow:hidden;}
.newsdynamic .r{ float:right; width:300px; height:460px;}
.newsdynamic .pic1{ display:block; width:300px; height:220px; background:#f6f6f6; margin-bottom:20px; overflow:hidden;}
.newsdynamic .pic2{ display:block; width:300px; height:220px; background:#f6f6f6; overflow:hidden;}
.newsdynamic .pic1 img,
.newsdynamic .pic2 img{transition:all ease-in-out 200ms;}
.newsdynamic .pic1:hover img,
.newsdynamic .pic2:hover img{transform:scale(1.05);}

.zhishiinfo{ margin-bottom:20px;}
.zhishiinfo dt{ width:70px; background:#666; color:#fff; padding:10px 20px; display:table-cell; text-align:center; vertical-align:middle; font-size:18px;}
.zhishiinfo dd{ width:1130px; overflow:auto; background:#f6f6f6; display:table-cell; vertical-align:middle;}
.zhishiinfo dd .scrollbox{height:190px; overflow:auto; padding:10px 20px; background:#fff; line-height:1.6em;}
.zhishiinfo dd .scrollbox::-webkit-scrollbar{width:5px; height:5px;}
.zhishiinfo dd .scrollbox::-webkit-scrollbar-thumb{background:#ccc;}
.zhishiinfo dd .scrollbox p{padding-top:5px;}
.zhishiinfo dd .scrollbox p:first-child{padding-top:0;}

.zhishipics{ width:100%; height:329px;}

.webshoplist{position:relative;}
.webshoplist .menu{ position:absolute; width:750px; left:370px; top:-60px; z-index:1; height:32px; border:1px solid #e3e3e3; border-radius:30px;}
.webshoplist .menu .li{ min-width:90px; font-size:14px; line-height:30px; border-right:1px solid #e3e3e3;}
.webshoplist .menu .li.active{ background:#ff4d30; color:#fff;}

.productlist{ position:relative; height:397px;}
.productlist .menu{ position:absolute; width:750px; left:370px; top:-60px; z-index:1; height:32px; border:1px solid #e3e3e3; border-radius:30px;}
.productlist .menu .li{ min-width:90px; font-size:14px; line-height:30px; border-right:1px solid #e3e3e3;}
.productlist .menu .li.active{ background:#ff4d30; color:#fff;}


.jczaofl{line-height:0; width:100vw; min-width:1200px; position:relative; left:50%; transform:translateX(-50%);}
.jczaofl img{ width:100%;}
.jczaofl .flbox a{ display:block; min-width:200px; height:18px; line-height:18px; margin-top:-9px; transform:translateX(-50%);}
.jczaofl .flbox .jcz{position:absolute;top: 50%;left: 58%;}
.jczaofl .flbox .jcsc{position:absolute;top: 55%;left: 22%;}
.jczaofl .flbox .xdg{position:absolute;top: 40%;left: 83%;}
.jczaofl .flbox .zx{position:absolute;top: 65%;left: 42%;}
.jczaofl .flbox .xwj{position:absolute;top: 50%;left: 72%;}
.jczaofl .flbox .dkx{position:absolute;top: 61%;left: 83%;}
.flbox .point{width:11px; height:11px; margin-top:3px; background:#fff; background:rgba(255, 255, 255, 0.9); border-radius:50%; position:relative; float:left; animation:point 2s cubic-bezier(0.36, 0, 0.65, 1) infinite;}
@keyframes point{
	0% {box-shadow:0 0 0 0 rgba(255,255,255,0.5);}
	99.999% {box-shadow:0 0 0 10px rgba(255,255,255,0)}
	100% {box-shadow:0 0 0 0 rgba(255,255,255,0.5)}
}
.flbox .point i{content:""; display:block; width:90px; height:1px; background:rgba(255, 255, 255, 0.4); position:absolute; right:100%; top:5px;}
.flbox .point.r i{ left:100%}
.flbox .text{padding-left:100px; font-size:16px; color:#fff; line-height:17px; float:left; transition:all ease-in-out 300ms;}
.flbox .text:hover{transform:translateY(-5px); color:#ff4d30;}
.flbox .linel .point{float:right;}
.flbox .linel .point:after{left:-90px; right:auto;}
.flbox .linel .text{float:right; padding-left:0; padding-right:100px;}